<template>
  <div class="pagefooterall">
    <div class="pagefooter-line"></div>
    <div class="pagefooter">
      <div class="pagefooter-ch1">
        <img class="ch1-img" src="/static/images/shewai.png" alt>
        <div>林科大涉外学院</div>
      </div>
      <div class="pagefooter-ch1">
        <div>联系我们:</div>
        <div>电话:15525825836</div>
        <div>邮箱:183186705@qq.com</div>
        <div>地址:长沙市望城区林科大涉外</div>
      </div>
      <div class="pagefooter-ch1 ch3">
        <img class="ch3-img" src="/static/qqcode.jpg" alt>
        <div>二手商品QQ群</div>
      </div>
      <div class="pagefooter-ch1">
        <div>友情链接</div>
        <div>
          <a href="http://swxy.csuft.edu.cn/">林科大涉外官网</a>
        </div>
        <div>
          <a href="http://www.atd3.cn/">ATD计算机协会</a>
        </div>
        <div>
          <a href="http://www.taoertao.com/">淘二淘</a>
        </div>
        <div>
          <a href="#">待定为了充数的网站</a>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "PageFooter",
  data() {
    return {};
  },
  props: {},
  methods: {}
};
</script scoped>

<style scoped>
.pagefooterall{
}
.pagefooter-line{
  height: 20px;
  background-color: #999999;
  opacity: .4;
}
.pagefooter {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 60px; 
  background-color: #282c36;
  color: #ffffff;
}
.pagefooter-ch1 {
  flex: 1;
}
.ch1-img{
  width: 10rem;
  height: 10rem;
}
.ch3-img{
  width: 10rem;
  height: 10rem;
}
</style>
